<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.bgRed{
				background: red;
				border:10px solid black;
			}
		</style>
		<script>
			window.onload = function(){
				var oDiv = document.getElementById("div1");
//				学了操作属性之后,我们就有了三种方式给div设置样式
//				1.通过行内样式
//				oDiv.style.background = 'red';
//				2.通过本身就有的属性 className进行赋值
//				oDiv.className = 'bgRed';
//				3.通过万能的setAttribute 增加class
				oDiv.setAttribute('class','bgRed');
				
			}
		</script>
	</head>
	<body>
		<div id="div1">

		</div>
	</body>
</html>
